//详情页样式
.layout-container{
  height: 100%;
  background: #ffffff;
  .layout-header{
    display: flex;
    justify-content: space-between;
    padding: 16px 16px 0;
    height: fit-content;
  }
  .layout-aside{
    height: 100%;
    width: 160px;
    padding: 16px 0 0 16px;
    .nav-warp{
      height: 100%;
      background: #F8F8F8;
      .nav-item{
        height: 48px;
        display: flex;
        align-items: center;
        padding-left: 40px;
        font-size: 14px;
        cursor: pointer;
        color: #333333;
        &.active{
          background: #FFFFFF;
          color: @main-color;
          cursor: default;
          position: relative;
          &:before{
            content: '';
            position: absolute;
            height: 100%;
            width: 4px;
            background: @main-color;
            left: 0;
            top: 0;
          }
        }
      }
    }
  }
  .layout-main{
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px 16px 0;
    overflow: auto;
    .btns-wrap{
      margin-bottom: 16px;
    }
    .subfield-layout{
      background: #F8F8F8;
      border-radius: 4px;
      margin-bottom: 16px;
      .subfield-title{
        height: 50px;
        line-height: 50px;
        padding-left: 18px;
        color: #333;
      }
      .subfield-main{
        .subfield-content{
          padding: 0 18px;

        }
      }
    }
  }
  .layout-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
